<html>

<head>
  <meta charset="UTF-8">
  <title>蓝月亮</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <!-- build:css css/vendor.css -->
  <link rel="stylesheet" href="/css/main.css">
  <!-- endbuild -->
</head>

<body>
  <div id="wx_pic"><img src=""></div>
  <div class="content-container">
        
            
              
            
            <div class="resize-container mediate flat">
              <section style="height:5204px">
              
                
                
                  <div class="ele" style="z-index: 1; width: 320px; left: 3px; top: 108px;">
                    <div>
                        <div style="opacity: 100; transform: rotate(0deg); color: #000000; text-align: center; line-height: 1.5; font-family: 微软雅黑; font-size: 32px; white-space: pre-line;font-weight: bold">请输入文本</div>
                    </div>
                  </div>
                
              
        </section>
        
      </div>
  </div>
  <!-- build:js scripts/vendor.js -->
  <script>
  (function () {
  var designW = 320
  var designH = 508
  var designR = designW / designH

  var actualW = document.documentElement.clientWidth
  var actualH = document.documentElement.clientHeight
  var actualR = actualW / actualH

  var scale = (actualR > designR) ? (actualH / designH) : (actualW / designW)
  var style = 'width: ' + designW + 'px;overflow: auto; -webkit-transform: scale(' + scale + '); transform: scale(' + scale + '); '
  if (actualW < designW) {
    if (actualR > designR) {
      style += 'margin-left: ' + (actualW - designW) / 2 + 'px;'
    } else {
      style += '-webkit-transform-origin: left; transform-origin: left;'
    }
  }

  var containers = document.getElementsByClassName('resize-container')
  var i
  for (i = 0; i < containers.length; i++) {
    containers[i].setAttribute('style', style)
  }
})()
  </script>
  <!-- endbuild -->
</body>

</html>
